<template>
  <div>
    <ul class="record-list clearfix">
      <li class="record-list-item clearfix" v-for="(record, index) in initialRecords" :key="index">
        <span>{{record.amount}}</span>
				<span>{{record.payChannel}}</span>
				<span>{{record.cTime}}</span>
      </li>
    </ul>
  </div>
</template>

<script>

  export default {
    name: "records",
    props: ["initialRecords"],
    data () {
      return {
      	records: this.initialRecords
      }
    }

  }
</script>
